@charset "utf-8";
/* CSS Document */

.fp-section{ overflow:hidden;}
.fp-section.active{ z-index:99;}

.section01 .wrapper{ position:relative; transform:translateY(120vh); transition:all ease-out 1s;}
.section01 .wrapper.show{ transform:translateY(0);}
			
.section02 .case_title{ position:relative; transform:translateX(-120vw); transition:all ease-out 1s;}
.section02 .case_right{ position:relative; transform:translateX(120vw); transition:all ease-out 1s;}
.section02 .case_title.show{ transform:translateX(0);}
.section02 .case_right.show{ transform:translateX(0);}


.section04 .about .about01{ position:relative; transform:translateY(120vh); transition:all ease-out 1s;}
.section04 .about .about01.show{ transform:translateY(0);}
			
/* .section04 .about ul li{ position:relative; transition:all ease-out 1s;}
.section04 .about ul li.about01{ transform:translateY(-120vh);}
.section04 .about ul li.about02{ transform:translateY(120vh);}
.section04 .about ul li.about03{ transform:translateY(-120vh);}
.section04 .about ul li.about04{ transform:translateY(120vh);}
.section04 .about ul li.show{ transform:translateY(0);} */
			
.section06 .news_box .topNews{ position:relative; transform:translateX(-120vw); transition:all ease-out 1s;}
.section06 .news_box ul.list{ position:relative; transform:translateX(120vw); transition:all ease-out 1s;}
.section06 .news_nav{ position:relative; transform:translateX(120vw); transition:all ease-out 1s;}

.section06 .news_box .topNews.show{ transform:translateX(0);}
.section06 .news_box ul.list.show{ transform:translateX(0);}
.section06 .news_nav.show{ transform:translateX(0);}

.section03 a.ads{ position:relative; transform:translateY(-50vh); transition:all ease-out 1s;}
.section03 a.ads.show{ transform:translateY(0);}
.section03 .wrapper{ position:relative; transform:translateY(120vh); transition:all ease-out 1s;}
.section03 .wrapper.show{ transform:translateY(0);}

.section07 .wrapper{ opacity:0; visibility:hidden; transition:all ease-out 1s;}
.section07 .wrapper.show{ opacity:1; visibility:visible;}

.section05 .brand01{ position:relative; transform:translateX(-120vw); transition:all ease-out 1s;}
.section05 .brand02{ position:relative; transform:translateX(-120vw); transition:all ease-out 1.25s;}
.section05 .brand03{ position:relative; transform:translateX(-120vw); transition:all ease-out 1.5s;}
.section05 .brand01.show{ transform:translateX(0);}
.section05 .brand02.show{ transform:translateX(0);}
.section05 .brand03.show{ transform:translateX(0);}